Testo dell'esercizio
Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML:
clickando su un paragrafo (tag P) questo viene selezionato
e la selezione viene evidenziata circondandolo di un bordo
rosso (alla proprietà di stile border si assegna la
stringa “5px solid red”). Non è possibile selezionare
altri paragrafi quando ne è già stato selezionato uno.
Il paragrafo viene deselezionato interagendo (evento onchange)
con un menu a tendina predefinito (attributo id assegnato):
il bordo viene rimaosso (alla proprietà di stile border
si assegna il valore “initial”) e al contenuto del
paragrafo si aggiunge in coda il valore associato
all'opzione selezionata nel menu preceduto da un
carattere di spazio.
Change paragraph content
Set content
Primo paragrafo
Secondo paragrafo
Terzo paragrafo
Quarto paragrafo